﻿@charset "utf-8";
.msg-ico {
	background-image:url(http://img.m18.com/asset/mod/msg/i/msg.png);
	background-repeat:no-repeat;
	font-size:0;
	line-height:0;
	overflow:hidden;
	position:absolute
}
.msg .msg-ico {
	width:16px;
	height:16px;
	top:5px;
	left:5px
}
.msg-m .msg-ico {
	width:32px;
	height:32px;
	top:0;
	left:0
}
.msg-b .msg-ico {
	width:48px;
	height:48px;
	top:0;
	left:0
}
.msg-ok .msg-ico {
	background-position:0 0
}
.msg-warn .msg-ico {
	background-position:-50px 0
}
.msg-info .msg-ico {
	background-position:-100px 0
}
.msg-err .msg-ico {
	background-position:-150px 0
}
.msg-notice .msg-ico {
	background-position:-200px -50px;
	top:7px
}
.msg-ok-m .msg-ico {
	background-position:0 -50px
}
.msg-warn-m .msg-ico {
	background-position:-50px -50px
}
.msg-info-m .msg-ico {
	background-position:-100px -50px
}
.msg-ask-m .msg-ico {
	background-position:-150px -50px
}
.msg-ok-b .msg-ico {
	background-position:0 -100px
}
.msg-warn-b .msg-ico {
	background-position:-50px -100px
}
.msg-info-b .msg-ico {
	background-position:-100px -100px
}
.msg-ask-b .msg-ico {
	background-position:-150px -100px
}
.msg, .msg-m, .msg-b {
	font-family:\5B8B\4F53;
	position:relative;
	zoom:1;
	overflow:visible;
	height:auto;
	line-height:1.506
}
.msg {
	font-size:12px;
	border-width:1px;
	border-style:solid;
	padding:4px 5px 4px 25px;
	_padding:5px 5px 3px 25px;
	color:#666;
	display:inline-block;
*display:inline;
	letter-spacing:0
}
.msg-m {
	padding:0 5px 10px 42px;
	font-size:14px;
	color:#333
}
.msg-b {
	padding:0 5px 15px 73px;
	font-size:14px;
	color:#333
}
.msg-ok {
	border-color:#70b14b;
	background-color:#f2fbea
}
.msg-warn {
	border-color:#ff7314;
	background-color:#ffd
}
.msg-info {
	border-color:#42b4ff;
	background-color:#f2faff
}
.msg-err {
	border-color:#c00;
	background-color:#ffe6e6
}
.msg-low {
	border-color:#fccc8c;
	background-color:#fffff4;
	padding-left:5px
}
.msg-notice {
	padding-left:20px;
	border:none 0
}
.msg-naked {
	border:none 0;
	background:0
}
.s1em {
	padding-right:1em
}
.btn {
	display:inline-block;
	font-size:12px;
	color:#1965bf;
	text-align:center;
	vertical-align:middle;
	margin-right:2px;
	padding-left:10px;
	background:url(http://img.m18.com/asset/mod/btn/i/btn.png) no-repeat 0 -108px;
	cursor:pointer;
	_white-space:nowrap;
*display:inline;
*zoom:1;
	_width:57px;
	_position:relative
}
.btn span {
	overflow:hidden;
	display:block;
	margin-right:-2px;
	padding-right:10px;
	height:24px;
	line-height:24px;
	min-width:50px;
	background:url(http://img.m18.com/asset/mod/btn/i/btn.png) no-repeat 100% -108px;
	_position:relative;
	line-height:26px\9
}
.btn:hover {
	color:#1965bf;
	background-position:0 -132px;
	text-decoration:none
}
.btn:hover span {
	background-position:100% -132px
}
.btn-large, .btn-highlight-large, .btn-important-large {
	font-size:14px;
	background-position:0 -156px;
	_width:97px
}
.btn-large span, .btn-highlight-large span, .btn-important-large span {
	height:30px;
	line-height:30px;
	min-width:90px;
	background-position:100% -156px;
	line-height:32px\9
}
.btn-large:hover, .btn-highlight-large:hover {
	background-position:0 -186px
}
.btn-large:hover span, .btn-highlight-large:hover span {
	background-position:100% -186px
}
.btn-highlight, .btn-highlight:hover, .btn-highlight-large, .btn-highlight-large:hover {
	color:#C00
}
.btn-important, .btn-important:hover, .btn-important-large, .btn-important-large:hover {
	color:#EEE
}
.btn-important {
	background-position:0 0
}
.btn-important span {
	background-position:100% 0
}
.btn-important:hover {
	background-position:0 -24px
}
.btn-important:hover span {
	background-position:100% -24px
}
.btn-important-large {
	background-position:0 -48px
}
.btn-important-large span {
	background-position:100% -48px
}
.btn-important-large:hover {
	background-position:0 -78px
}
.btn-important-large:hover span {
	background-position:100% -78px
}
.form fieldset {
	margin-bottom:18px;
	padding-top:18px
}
.form fieldset legend {
	display:block;
	padding-left:130px;
	font-size:19.5px;
	font-weight:bold;
	color:#333
}
.form textarea {
	resize:none
}
.form input.focus, .form textarea.focus {
	border:2px solid #9dd7fe;
	margin:-1px;
	_position:relative;
	background:#fff
}
.form select {
	line-height:26px;
	height:26px;
	width:200px;
	background:#fff url(http://img.m18.com/asset/mod/form/i/select_arrow.gif) no-repeat right 8px
}
.f-box {
	zoom:1
}
.f-box:after {
	content:"\0020";
	display:block;
	visibility:hidden;
	height:0;
	clear:both
}
.f-box .f-msg {
	margin-left:10px;
	overflow:hidden;
*zoom:1
}
.f-box .f-msg .msg {
	line-height:16px
}
.f-box .msg .msg-ico {
	top:4px
}
.f-txt, textarea, select {
	line-height:16px;
	padding:4px 5px;
	border:1px solid;
	border-color:#848484 #C1C1C1 #e1e1e1;
	vertical-align:middle;
	color:#999;
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1)
}
.f-vcode {
	display:inline-block;
*display:inline;
*zoom:1
}
.f-vcode img {
	vertical-align:middle
}
.f-label {
	padding-top:6px;
	line-height:16px;
	float:left;
	width:130px;
	text-align:right;
	color:#404040
}
.f-input {
	float:left;
	margin-right:10px;
*display:inline;
	padding-bottom:20px;
	line-height:16px
}
.f-input-space {
	color:#999
}
.f-txt {
	height:16px;
	line-height:16px
}
.f-txt:focus, textarea:focus {
	outline:1px solid #d8eefd;
	border:1px solid #9dd7fe;
	background:#fff;
	box-shadow:inset 0 0 0
}
.f-radio, .f-check {
	margin-bottom:0
}
.f-radio .f-input, .f-check .f-input {
	padding-top:6px;
*padding-top:3px
}
.f-radio-item {
	background:url(http://img.m18.com/asset/mod/form/i/radio-bg.gif) no-repeat 0 -33px;
	padding-left:20px;
*padding-top:1px
}
.f-radio-item:hover, .f-radio-list label.hover {
	background-position:0 -63px
}
.f-radio label.focus {
	background-position:0 0
}
.f-radio-item input {
	display:none
}
.f-check-list li, .f-radio-list li {
	float:left;
	margin-right:10px
}
.f-radio input, .f-check input {
*float:left;
	vertical-align:middle;
*vertical-align:3px
}
.f-input-file {
	height:26px;
	line-height:26px
}
.f-disabled {
	background:#eee;
	color:#999
}
.f-txt-b {
	width:198px
}
.f-txt-m {
	width:128px
}
.f-txt-s {
	width:68px
}
.f-pwd-t-h {
	color:#999
}
.f-pwd-t-item {
	display:inline-block;
*display:inline;
*zoom:1;
	background:#eee;
	height:14px;
	line-height:14px;
	width:40px;
	text-align:center;
	border-right:1px solid #fff
}
.f-pwd-w .f-pwd-t-w, .f-pwd-m .f-pwd-t-m, .f-pwd-s .f-pwd-t-s {
	background:#c00;
	color:#fff
}
.f-pwdb {
	position:relative
}
.f-pwdb .f-pwd-t {
	position:absolute;
	top:27px;
*top:29px;
	left:0
}
.f-pwdr .f-pwd-t {
	display:inline-block;
*display:inline;
*zoom:1;
	margin-left:5px
}
.f-act {
	padding-left:130px
}
.from-cancel {
	margin-left:20px
}
.wform .f-box {
	padding-right:30px
}
.wform textarea {
	width:400px;
	height:80px;
	overflow:auto
}
.nform {
	width:500px;
	margin:0
}
.nform .f-msg {
	position:absolute;
	left:130px;
	bottom:6px;
	margin-left:0
}
.nform .f-box {
	position:relative
}
.nform .f-check .f-input, .nform .f-radio .f-input {
	padding-bottom:15px
}
.nform .f-input {
	padding-bottom:34px
}
.nform textarea {
	width:340px;
	height:80px;
	overflow:auto
}
.nform .f-msg-ok {
	position:static
}
.w760 {
	width:760px;
	margin:0 auto
}
.box-pwd {
	border:0
}
.box-pwd .hd {
	background:0;
	border:0;
	margin-bottom:10px
}
.box-pwd .h2, .box-pwd .hd h2 {
	padding-left:0;
	font-size:18px;
	font-weight:normal
}
.box-pwd .bd {
	border:1px solid #e4e4e4
}
.box-pwd .hd .act {
	color:#666;
	line-height:35px
}
.box-pwd .bd-pwd {
	padding:30px 50px
}
#tab_regi .J_tab_nav {
	position:relative;
	border-bottom:1px solid #e4e4e4;
	font-size:14px
}
#tab_regi .J_tab_nav li {
	float:left;
	margin-bottom:-1px;
	position:relative
}
#tab_regi .J_tab_nav li a {
	display:block;
	padding:7px 48px;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	color:#999;
	background:#f9f9f9;
	outline:0
}
#tab_regi .J_tab_nav li.cur a {
	border-bottom-color:#fff;
	color:#900;
	background:#fff;
	font-weight:bold;
	cursor:default
}
#tab_regi .J_tab_nav li a:hover {
	color:#900;
	text-decoration:none
}
.form-regi {
	padding:25px
}
.form-regi .btn-code {
	color:#999
}
.form-regi .btn-code:hover {
	background-position:0 -108px;
	cursor:default
}
.form-regi .btn-code-ok {
	color:#c00
}
.regcode-txt {
	width:91px;
*width:88px
}
